<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jb-aptech毕业设计项目</TITLE>
<meta name="renderer" content="ie-comp">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="../../css/style.css" rel="stylesheet" type="text/css">
<script src="../../script/common.js"></script>
	<script src="../../script/vue.js"></script>
	<script src="../../script/jquery-3.3.1.min.js"></script>
</head>
<body>

<div id="app">
	<div class="page_title">客户信息管理 &gt; 客户信息 &gt; 交往记录</div>
	<div class="button_bar">
		<button class="common_button" onclick="help('');">帮助</button>
		<button class="common_button" onclick="to('activities_add.html');">新建</button>
		<button class="common_button" onclick="back();">返回</button>
	</div>
	<table class="query_form_table">
		<tr>
			<th>客户编号</th>
			<td>{{activity.atv_cust_no}}</td>
			<th>客户名称</th>
			<td>聪海信息科技有限公司</td>
		</tr>
	</table>
	<br />
	<table class="data_list_table">
		<tr>
			<th width="232">时间</th>
			<th>地点</th>
			<th>概要</th>
			<th>详细信息</th>
			<th>备注</th>
			<th>操作</th>
		</tr>
		<tr v-for="a in activitys">
			<td class="list_data_text" width="230" v-text="a.atv_date">2007年10月09日</td>
			<td class="list_data_text" v-text="a.atv_place">友谊宾馆</td>
			<td class="list_data_ltext" v-text="a.atv_title">签订意向协议</td>
			<td class="list_data_ltext" v-text="a.atv_desc">...</td>
			<td class="list_data_op" v-text="a.atv_memo">
				　</td>
			<td class="list_data_op">
				<img onclick="to('activities_edit.html');" title="编辑" src="../../images/bt_edit.gif" class="op_button" />
				<img onclick="del('“交往记录：签订意向协议”');" title="删除" src="../../images/bt_del.gif" class="op_button" />

			</td>
		</tr>
	</table>
</div>
<script>
	const vm = new Vue({
		el:'#app',
		data:{
			activitys:[],
			pageInfo:{},
			activity:{
				atv_cust_no:'',
				atv_date:'',
				atv_place:'',
				atv_title:'',
				atv_desc:'',
				atv_memo:'',
			},
		},methods:{
			load(){
				$.getJSON("/CstActivity/queryPage",this.activity,json=>{
					this.activitys=json.data.pageInfo.list;
				});
				$.getJSON("/CstActivity/queryById",this.activity,json=>{
					this.activity=json.data.activity;
				})
			},
		},mounted(){
			this.activity.atv_cust_no=new URLSearchParams(location.search).get("cust_no");
			this.load();
		},
	});
</script>
</body>
</html>